$(function(){
  const params = {
    key: '',
    type: '',
    state: '',
    page: 1,
    perpage:10,
  }
   list()
     function list(){
      $.ajax({
        type: 'get',
        url: 'http://localhost:8080/api/v1/admin/article/query',
        data: params,
      headers:{
          Authorization:localStorage.getItem('token')
      },
        success: (backData) => {
            // console.log(backData);
          let res=template('temp',backData)
          $('tbody').html(res)
          const totalCount=backData.data.totalCount        
          layerPager(totalCount)
        },
      })


     }

    $.ajax({
      type: 'get',
      url: 'http://localhost:8080/api/v1/admin/category/list',
      headers:{
        Authorization:localStorage.getItem('token')
    },
    success:function(backData){
    
    let fenlei=  template('temps',backData)
    $('#selCategory').html(fenlei)
    }
    })

$('#btnSearch').on('click',function(e){
e.preventDefault()
params.type = $('#selCategory').val()
params.state = $('#selStatus').val()
list()
params.page=1
})
function layerPager(totalCount) {
  layui.use('laypage', function () {
    var laypage = layui.laypage
    // 执行一个 laypage 分页实例
    laypage.render({
      elem: 'pager', // 注意，这里的 pager 是 ID，不用加 # 号
      count:totalCount, // 数据pagerpagerpager总数，从服务端得到
      limit:params.perpage,
      curr: params.page, 
      jump: function(obj, first){
        //obj包含了当前分页的所有参数，比如：
        console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
        console.log(obj.limit); //得到每页显示的条数
        params.page=obj.curr
        //首次不执行
        if(!first){
          list()
        }
      }
    })
  })
}
$('tbody').on('click','.delete',function(){
  let ids=$(this).attr('data-id')
$.ajax({
  type: 'post',
  url: 'http://localhost:8080/api/v1/admin/article/delete',
  data: {id:ids},
  headers:{
    Authorization:localStorage.getItem('token')
},
  success: (backData) => {
    console.log(backData);
    list()
  },
})
})
})